<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="style.css">
		<title>Forum CIVILIZATION 6</title>
	</head>
<body>
<header>

	<div id="buttonsrl">
		<button>
			<a href="signin.html">SignIn</a>
		</button>
		<button>
			<a href="registration.html">Registration</a>
		</button>
	</div>

	<div>
	<table id="navigation">
		<tr>
			<td><button><a href="index.html"/>Главная</button></td>
			<td><button><a href="https://discord.com/invite/utWPeaF"/>Сообщество</button></td>
			<td><button><a href="https://www.youtube.com/c/LeshaIgraet"/>Видео</button></td>
			<td><button><a href="https://store.steampowered.com/app/289070/sid_meiers_civilization_vi/"/>Купить</button></td>
		</tr>
	</table>
	</div>

</header>

<content>

<table name="media">
<tr><td>
	<div id="trailer">
		<iframe width="500" height="300" src="https://www.youtube-nocookie.com/embed/aImTh75tj24" title="YouTube video player" 					frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
		</iframe>
	</div>
	</td>
	<td>
	<div class="wrapper">
		<input type="radio" name="point" id="slide1" checked>
		<input type="radio" name="point" id="slide2">
		<input type="radio" name="point" id="slide3">
		<input type="radio" name="point" id="slide4">
		<input type="radio" name="point" id="slide5">
		<input type="radio" name="point" id="slide6">
		<div class="slider">
			<div class="slides slide1">
				<img class="screenshoot" src="./Images/screen_1.jpg"/>
			</div>
			<div class="slides slide2">
				<img class="screenshoot" src="./Images/screen_2.jpg"/>
			</div>
			<div class="slides slide3">
				<img class="screenshoot" src="./Images/screen_3.jpg"/>
			</div>
			<div class="slides slide4">
				<img class="screenshoot" src="./Images/screen_4.webp"/>
			</div>
			<div class="slides slide5">
				<img class="screenshoot" src="./Images/screen_5.jpg" />
			</div>
			<div class="slides slide6">
				<img class="screenshoot" src="./Images/screen_6.jpg" />
			</div>
		</div>	
		<div class="controls">
			<label for="slide1"></label>
			<label for="slide2"></label>
			<label for="slide3"></label>
			<label for="slide4"></label>
			<label for="slide5"></label>
			<label for="slide6"></label>
		</div>
	</div>
</td>
</tr>
</table>

<div id="description">

	<p><h3>Изначально созданная легендарным геймдизайнером Сидом Мейером, Civilization представляет собой пошаговую стратегическую игру, в которой вы пытаетесь построить империю, чтобы выдержать испытание временем. Станьте правителем мира, создав и возглавив цивилизацию из каменного века в век информации. Ведите войну, ведите дипломатию, развивайте свою культуру и сразитесь с величайшими лидерами в истории, пытаясь построить величайшую цивилизацию, которую когда-либо знал мир.</h3></p>

	<p><h3>Civilization VI предлагает новые способы взаимодействия с вашим миром: города теперь физически расширяются по всей карте, активные исследования в области технологий и культуры открывают новый потенциал, а конкурирующие лидеры будут преследовать свои собственные планы, основанные на их исторических чертах, пока вы боретесь за один из пяти путей. добиться победы в игре.</h3></p>

	<p><h2>РАСШИРЕННЫЕ ИМПЕРИИ:</h2>
	<h3>Посмотрите на чудеса вашей империи, разбросанные по карте, как никогда раньше. Каждый город состоит из нескольких плиток, поэтому вы можете строить свои города по индивидуальному заказу, чтобы в полной мере использовать местный ландшафт.</h3></p>

	<p><h2>АКТИВНЫЕ ИССЛЕДОВАНИЯ:</h2>
	<h3>Разблокируйте усиления, которые ускорят прогресс вашей цивилизации в истории. Чтобы продвигаться быстрее, используйте свои отряды для активного исследования, развития своего окружения и открытия новых культур.</h3></p>

	<p><h2>ДИНАМИЧЕСКАЯ ДИПЛОМАТИЯ:</h2>
	<h3>Взаимодействие с другими цивилизациями меняется по ходу игры, от примитивных первых взаимодействий, где конфликт является фактом жизни, до союзов и переговоров в конце игры.</h3></p>

</div>

</content>

<footer>
	
	<table>
		<td id="footer-left">
			<p><h3> Егор Носов </h3></p>
			<p><h3> И-94 </h3></p>
		</td>
		<td id="footer-right">
			<p><h3> Тут тоже какой-то текст </h3></p>
		</td>
	</table>

</footer>

</body>
</html>